<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>函数测试:任务二</title>
</head>

<body>
    <!-- <h1>标题</h1> -->
    <canvas id="juxing"></canvas>
    <!-- <canvas id="tutorial" width="150" height="150">15645656</canvas> -->


    <script>
        const canvas = document.getElementById("juxing")
        const ctx = canvas.getContext('2d')

        // const x = 60;
        // const y = 60;
        // const width = 100;
        // const height = 75;
        // const color = 'blue';
        ctx.fillStyle = "rgb(200,0,0)";
        ctx.fillRect(10, 10, 55, 50);

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
        ctx.fillRect(30, 30, 55, 50);
        function control(x, y, width, height, color) {

            
        }



    </script>
</body>

</html>
<style>
    #juxing {
        border: 1px solid black;
    }
</style>